<!--
 * @Author: your name
 * @Date: 2021-04-27 19:24:26
 * @LastEditTime: 2021-04-27 19:36:23
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /medicine-web/src/views/qanda/reaction.vue
-->
<template>
  <div class="ques-ans-container">
    <div class="document-container__result">
      <p v-html="content"></p>
    </div>
  </div>
</template>
<script>
export default {
  name: 'reaction',
  data () {
    return {
      content: ''
    }
  },
  mounted () {
    this.fetchData()
  },
  methods: {
    async fetchData () {
      const res = await this.$action('getSinglePageData', { id: 5 })
      console.log('getSinglePageData=======', res)
      if (res && Object.keys(res).length > 0) {
        this.content =res.content
      }
    }
  }
}
</script>
<style lang="scss" scoped>
@import '~@/assets/styles/flex.scss';
@import '~@/assets/styles/common.scss';
.ques-ans-container {
  width: 1200px;
  margin: 0 auto;
  padding: 32px 0px 88px 0px;
  /deep/ .a-btn-container .btn-pattern {
    width: 132px;
    height: 37px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.21);
  }
  .document-container__result {
    // margin-top: 28px;
    .main-search__result-container {
      .main-search__result-item {
        @include flex-def;
        .main-search__result-content {
          width: 100%;
          margin-left: 8px;
          li {
            font-size: 14px;
            color: #555;
            cursor: pointer;
          }
          li:nth-child(2) {
            @include flex-def;
            @include flex-zEnd;
          }
        }
      }
    }
  }
}
</style>